<template>
	<view class="u-skeleton">

		<u-skeleton 
			:loading="loading" 
			:animation="true" 
			bgColor="#FFF"
		></u-skeleton>

		<view class="status_bar" :style="{height:`${statusBarHeight}px`}">
            <!-- 这里是状态栏 -->
        </view>
		
		<div class="tabbar1Content">

			<div class="addressBox">
				<postion/>
			</div>
			
			<swiper class="swiper u-skeleton-fillet" :circular="true" :indicator-dots="true" :autoplay="true">
				<swiper-item v-for="(it,i) in carouselList" :key="i" @click="menusToPage({
					menu_status:true,
					nav_path:it.nav_path
				})">
					<view class="swiper-item">
						<image class="itemPic" :src="it.carouselPath"/>
					</view>
				</swiper-item>
			</swiper>

			<div 
				class="noticeBox noData advance u-skeleton-fillet" 
				:class="{'noData':Object.keys(lineNoticeInfo).length==0}"
			>
				<div v-if="Object.keys(lineNoticeInfo).length>0">
					<uni-notice-bar
						show-icon 
						scrollable 
						:showGetMore="true"
						:speed="20"
						:text="lineNoticeInfo.excerpt" 
						@click="goToPage({
							path:`/generalUser/notice/notice`,
							navType:`push`,
							params:{
								id:lineNoticeInfo._id
							}
						})"
					/>
				</div>
				<!-- <notice :showScale="true" :list="advanceListTwo"/> -->
			</div>

			<div class="groupBox" >
				<swiper class="groupSwiper"  :indicator-dots="true" :autoplay="false">
					<swiper-item v-for="(it,i) in swiperMenus" :key="i">
						<view class="swiper-item">
							<div 
								class="item"
								v-for="(item,index) in it" :key="index"
								:class="{disabled:!item.menu_status}" 
								@click="menusToPage(item)"
							>
								<div class="homeIconBorder u-skeleton-rect" :style="`background-color:${item.bk_color}`">
									<image :src="item.backImgPath" class="homeIcon"/>
								</div>
								<div class="infoBox">
									<div class="title u-skeleton-fillet">{{item.menu_name}}</div>
									<div class="desc u-skeleton-fillet">{{item.desc_info}}</div>
								</div>
							</div>

						</view>
					</swiper-item>
				</swiper>

			</div>

			<div class="historyOrderList">
					<div class="u-skeleton-fillet flexStyleBetween">
						<div class="titleName">
							今日订单
						</div>
						<div class="fastSelectBox">
							<uni-data-select
								v-model="selectModule"
								:localdata="queryModuleList"
								@change="selectChange"
								:clear="false"
							></uni-data-select>
						</div>
					</div>
					<div class="listBox">
						<order :dataList="toDayOrderList" class="u-skeleton-fillet"/>			
						<div class="noMoreBox" v-if="toDayOrderList.length>0">
							-------- <span class="text">我是底线了</span> --------
						</div>

						<div class="noDataBox u-skeleton-fillet" v-if="toDayOrderList.length===0">
							<div class="noDataBorder">
								<image src="~@/static/images/nodata.png" class="nodataPic"/>
							</div>
							<div class="noDataTips">
								哇，今天还未产生任何订单~

							</div>
						</div>

					</div>
				</div>

		</div>

	</view>
</template>


<script src="./tabbar1.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './tabbar1.styl';
</style>
